<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="stylesheet" href="../../css/style.css" />
    <link rel="stylesheet" href="../../css/element.css?v=1">
    <script src="../../js/zyrpublic.js?v=1.0"></script>
    <script src="../../js/zyrfunction.js?v=1.0"></script>
    <script src="../../javascript/vue.js"></script>
    <script src="../../javascript/elementui.js"></script>
    <script src="../../javascript/axios.min.js"></script>
</head>
<style>
    .el-button--primary {
        background-color: #11947F !important;
    }
</style>

<body>
    <div class="page-wrap" id="app">
        <section class="page-hd t">
            <header>
                <h5 class="title">
                    <a href="#" class="red">会员编辑</a>
                </h5>
            </header>
            <hr />
        </section>
        <div style="position: relative;">
            <div style="font-size: 20px; color: #333; margin-bottom: 20px;">基本信息</div>
            <div>
                <span class="font_size16" style="display: inline-block; margin-right: 10px; color: #333;">等级名称: </span>
                <input type="text" style="height: 40px; border: 1px solid #B8B8B8; text-align: center;"
                    v-model="memberInfo.name" />
            </div>
            <div style="margin-top: 20px;">
                <span class="font_size16"
                    style="display: inline-block; margin-right: 10px; color: #333;">等级条件:经验值</span>
                <input type="number" style="height: 40px; border: 1px solid #B8B8B8; text-align: center;"
                    v-model="memberInfo.levelCondition" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                    onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"/>
            </div>
            <div style="position: absolute; top:60px;left: 400px;" v-if="memberInfo.type==1">
                <span class="font_size16" style="display: inline-block; margin-right: 10px; color: #333;">升级推送</span>
                <el-switch :width="50" style="height: 60px;" v-model="memberInfo.pushEnable" active-color="#11947F"
                    inactive-color="#000">
                </el-switch>
            </div>
        </div>
        <div style="margin-top: 20px;">
            <div style="font-size: 20px; color: #333; margin-bottom: 20px;">权益礼包</div>
            <!-- <div style="margin-bottom: 10px;">
                <el-checkbox v-model="memberInfo.privilegeNewteaEnable" @change="!memberInfo.privilegeNewteaEnable">新茶体验</el-checkbox>
            </div> -->
            <div style="margin-bottom: 10px;">
                <el-checkbox v-model="memberInfo.privilegeCouponEnable" @change="!memberInfo.privilegeCouponEnable">每月优惠</el-checkbox>
            </div>
            <el-button v-if="memberInfo.privilegeCouponEnable" type="primary" size="mini"  @click="handleChooseCoupon('privilegeCouponIdList')">选择优惠券</el-button>
            <div v-if="memberInfo.privilegeCouponEnable" style="width: 600px; margin-top: 20px;">
                <el-table border :data="privilegeCouponIdList" style="width: 100%"
                    :header-cell-style="{background:'#f7f4f8', color:'#000'}">
                    <el-table-column width="100" prop="name" label="优惠券" width="80">
                    </el-table-column>
                    <el-table-column width="100" prop="content" label="优惠内容" width="80">
                    </el-table-column>
                    <el-table-column prop="endtime" label="有效时间">
                    </el-table-column>
                    <el-table-column label="操作">
                        <template slot-scope="scope">
                            <el-button @click.native.prevent="delList(scope.row,privilegeCouponIdList,'privilegeCouponIdList')" type="text" size="small">
                                删除
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
        </div>
        <div style="margin: 20px 0;">
            <el-checkbox v-model="memberInfo.upgradeEnable" @change="!memberInfo.upgradeEnable" v-if="memberInfo.type==1">升级赠礼</el-checkbox>
            <div style="display: flex; margin-top: 20px;" v-if="memberInfo.upgradeEnable&&memberInfo.type==1">
                <div style="margin-right: 20px;">
                    <el-button type="primary" size="mini" @click="handleChooseCoupon('upgradeCouponIdList')">选择优惠券</el-button>
                    <div style="width: 600px; margin-top: 20px;">
                        <el-table border :data="upgradeCouponIdList" style="width: 100%"
                            :header-cell-style="{background:'#f7f4f8', color:'#000'}">
                            <el-table-column width="100" prop="name" label="优惠券" width="80">
                            </el-table-column>
                            <el-table-column width="100" prop="content" label="优惠内容" width="80">
                            </el-table-column>
                            <el-table-column prop="endtime" label="有效时间">
                            </el-table-column>
                            <el-table-column label="操作">
                                <template slot-scope="scope">
                                    <el-button @click.native.prevent="delList(scope.row,upgradeCouponIdList,'upgradeCouponIdList')" type="text" size="small">
                                        删除
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                </div>
                <div>
                    <el-button type="primary" size="mini" @click="handleChooseGoods('upgradeSetmealIdList')">选择礼品</el-button>
                    <div style="width: 600px; margin-top: 20px;">
                        <el-table border :data="upgradeSetmealIdList" style="width: 100%"
                            :header-cell-style="{background:'#f7f4f8', color:'#000'}">
                            <el-table-column width="100" prop="activityName" label="赠品" width="80">
                            </el-table-column>
                            <el-table-column width="100" prop="activityName" label="商品名" width="80">
                            </el-table-column>
                            <el-table-column prop="receiveEndTime" label="有效时间">
                            </el-table-column>
                            <el-table-column label="操作">
                                <template slot-scope="scope">
                                    <el-button @click.native.prevent="delList(scope.row,upgradeSetmealIdList,'upgradeSetmealIdList')" type="text" size="small">
                                        删除
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                </div>
            </div>
        </div>
        <!-- 会员折扣及生日福利 开始 -->
        <div>
             <el-checkbox v-model="memberInfo.discountDayEnable" @change="!memberInfo.discountDayEnable">会员折扣</el-checkbox>
             <div style="margin-top: 20px;">
                 <input type="text" v-model="memberInfo.discountProportion" style="width: 55px; height: 25px; margin: 0 2px; border: 1px solid #B8B8B8; text-align: center;" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"/> 折
             </div>
        </div>
        <div style="margin: 20px 0">
              <el-checkbox v-model="memberInfo.birthdayBenefitsEnable" @change="!memberInfo.birthdayBenefitsEnable">生日福利</el-checkbox>
              <div>
                  <div style="margin: 10px 0; color:#333; font-size: 16px;">输入积分</div>
                   <input type="text" v-model="memberInfo.birthdayBenefitsIntegral" style="width: 75px; height: 25px; margin: 0 2px; border: 1px solid #B8B8B8; text-align: center;" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                   onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" /> 积分
              </div>
               <div style="display: flex; margin-top: 20px;">
                <div style="margin-right: 20px;">
                    <el-button type="primary" size="mini" @click="handleChooseCoupon('birthdayBenefitsCouponIdList')">选择优惠券</el-button>
                    <div style="width: 600px; margin-top: 20px;">
                        <el-table border :data="birthdayBenefitsCouponIdList" style="width: 100%"
                            :header-cell-style="{background:'#f7f4f8', color:'#000'}">
                            <el-table-column width="100" prop="name" label="优惠券" width="80">
                            </el-table-column>
                            <el-table-column width="100" prop="content" label="优惠内容" width="80">
                            </el-table-column>
                            <el-table-column prop="endtime" label="有效时间">
                            </el-table-column>
                            <el-table-column label="操作">
                                <template slot-scope="scope">
                                    <el-button @click.native.prevent="delList(scope.row,birthdayBenefitsCouponIdList,'birthdayBenefitsCouponIdList')" type="text" size="small">
                                        删除
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                </div>
                <div>
                    <el-button type="primary" size="mini" @click="handleChooseGoods('birthdayBenefitsSetmealIdList')">选择礼品</el-button>
                    <div style="width: 600px; margin-top: 20px;">
                        <el-table border :data="birthdayBenefitsSetmealIdList" style="width: 100%"
                            :header-cell-style="{background:'#f7f4f8', color:'#000'}">
                            <el-table-column width="100" prop="activityName" label="赠品" width="80">
                            </el-table-column>
                            <el-table-column width="100" prop="activityName" label="商品名" width="80">
                            </el-table-column>
                            <el-table-column prop="receiveEndTime" label="有效时间">
                            </el-table-column>
                            <el-table-column label="操作">
                                <template slot-scope="scope">
                                    <el-button @click.native.prevent="delList(scope.row,birthdayBenefitsSetmealIdList,'birthdayBenefitsSetmealIdList')" type="text" size="small">
                                        删除
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                </div>
            </div>
        </div>
        <!-- 会员折扣及生日福利 结束 -->
        <div>
            <el-checkbox v-model="memberInfo.integralDeductedEnable" @change="!memberInfo.integralDeductedEnable">积分抵扣金额</el-checkbox>
             <div style="margin-top: 20px;">
                 <input type="number" v-model="memberInfo.integralDeductedProportion" style="width: 85px; height: 25px; margin: 0 2px; border: 1px solid #B8B8B8; text-align: center;" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                 onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" /> %
             </div>
        </div>
        <div>
            <div style="margin: 20px 0">
                 <el-checkbox v-model="memberInfo.consumptionEnable" @change="!memberInfo.consumptionEnable">消费送积分</el-checkbox>
            </div>
             <div>
                 <input type="number" v-model="memberInfo.consumptionAmount" style="width: 55px; height: 25px; margin: 0 2px; border: 1px solid #B8B8B8; text-align: center;"  onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                 onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"/> 元 
                 =
                 <input type="number" v-model="memberInfo.consumptionGiveIntegral" style="width: 55px; height: 25px; margin: 0 2px; border: 1px solid #B8B8B8; text-align: center;" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                 onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"/> 积分
             </div>
        </div>
        <div style="margin-top: 20px;" v-if="memberInfo.type==1">
             <el-checkbox v-model="memberInfo.integralExchangeEnable" @change="!memberInfo.integralExchangeEnable">高级会员积分兑换</el-checkbox>
        </div>
        <div style="padding: 20px 0;">
            <el-button type="primary" @click="handleEdit">确 定</el-button>
            <el-button onclick="pageBack()">取 消</el-button>
        </div>

        <!-- 赠品选择 -->
        <el-dialog width="60%" title="赠品选择" :visible.sync="innerVisible" :close-on-click-modal="false" append-to-body>
            <div>
                <el-table :data="tableGoodsData" tooltip-effect="dark" style="width: 100%">
                    <el-table-column label width="35">
                        <template slot-scope="scope">
                            <el-radio :label="scope.$index" :value="templateRadio"
                                @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp;</el-radio>
                        </template>
                    </el-table-column>
                    <el-table-column label="商品ID" prop="id" width="120">
                    </el-table-column>
                    <el-table-column prop="activityName" label="商品名称" show-overflow-tooltip>
                    </el-table-column>
                </el-table>
                <div style="margin-top: 20px; display: flex;">
                    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
                        :page-size="pageSize" layout="total, sizes, prev, pager, next" :total="talLength">
                    </el-pagination>
                    <el-button style="margin-left: 30px;" type="primary" @click="confirmChooseGoods">确认选中商品
                    </el-button>
                </div>
            </div>
        </el-dialog>


        <!-- 优惠券选择 -->
        <el-dialog width="80%" title="优惠券选择" :visible.sync="couponTable" :close-on-click-modal="false" append-to-body>
            <div>
                <el-table :data="tableCouponData" tooltip-effect="dark" style="width: 100%">
                    <el-table-column label width="35">
                        <template slot-scope="scope">
                            <el-radio :label="scope.$index" :value="templateRadio"
                                @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp;</el-radio>
                        </template>
                    </el-table-column>
                    <el-table-column label="优惠券ID" prop="id" width="120">
                    </el-table-column>
                    <el-table-column prop="name" label="优惠券名称" show-overflow-tooltip>
                    </el-table-column>
                    <el-table-column prop="typeList.name" label="优惠券类型" >
                    </el-table-column>
                    <el-table-column prop="content" label="优惠券内容" >
                    </el-table-column>
                    <el-table-column label="有效时间" >
                        <template slot-scope="scope">
                            {{scope.row.starttime}} - {{scope.row.endtime}}
                        </template>
                    </el-table-column>
                </el-table>
                <div style="margin-top: 20px; display: flex;">
                    <el-pagination @size-change="handleSizeChange2" @current-change="handleCurrentChange2" :current-page="pageNum2"
                        :page-size="pageSize2" layout="total, sizes, prev, pager, next" :total="talCouponLength">
                    </el-pagination>
                    <el-button style="margin-left: 30px;" type="primary" @click="confirmChooseGoods">确认选中优惠券
                    </el-button>
                </div>
            </div>
        </el-dialog>
    </div>
    <!---page-wrap------>

</body>


<script>
    function getQuery(name) {
        // 正则：[找寻'&' + 'url参数名字' = '值' + '&']（'&'可以不存在）
        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        let r = window.location.search.substr(1).match(reg);

        if (r != null) {
            // 对参数值进行解码
            return decodeURIComponent(r[2]);
        }
        return null;
    }
    var editLevel = getQuery('id')
     var editType = getQuery('type')
    console.log(editLevel);
    var instance = axios.create({
        baseURL: httpurl,
        timeout: 3000,
        headers: {
            'Content-Type': 'application/json',
            "Authorization": GetTokenInfo()
        }
    })
    let timer = null;
</script>

<script>
    var app = new Vue({
        el: "#app",
        data() {
            return {
                visitimgurl: visitimgurl,
                heightmember:false,
                integralCheck:false,
                birthdayCheck:false, //生日福利控制
                discountCheck:false, //开启会员折扣
                discountNum:7,   // 会员折扣量
                // gift:true,
                newTea: false,
                monthDiscount: false,
                memberName: '普通会员',
                experienceVal: 0,
                isPush: true,
                memberData:[],
                memberInfo:{}, //会员信息
                coupontableData: [
                    {
                        name: '1月优惠券',
                        content: '满20-10',
                        validTime: '7天'
                    }
                ],
                privilegeCouponIdList:[],//每月优惠
                upgradeCouponIdList:[],//升级赠礼 优惠券
                upgradeSetmealIdList:[],//升级赠礼 礼品
                birthdayBenefitsCouponIdList:[],//生日福利 优惠券
                birthdayBenefitsSetmealIdList:[],//生日福利 礼品
                // 选择赠品
                innerVisible:false,
                tableGoodsData: [],//赠品列表
                pageNum: 1,
                pageSize: 10,
                talLength: 100,
                chooseGood:{},//选择的赠品
                templateRadio: '',
                currentGiftListName:'',
                // 选择优惠券
                typeid:0,
                couponTable:false,
                talCouponLength:10,
                tableCouponData:[],
                pageNum2:1,
                pageSize2: 10,
            };
        },

        mounted() {
            console.log(editLevel);
           this.getqueryMemberSetupByType()

        },

        methods: {
            //
            getqueryMemberSetupByType(){
                instance.get(`queryMemberSetup?id=${editLevel}`)
                .then( res => {
                    // console.log(res);
                     if (res.data.rtnCode == 200) {
                            // this.memberInfo = res.data.data
                            let tempObj  = res.data.data 
                            this.memberInfo  = {
                                id:tempObj.id,
                                type:tempObj.type,
                                powerId:tempObj.powerId,
                                level: tempObj.level,
                                name :tempObj.name,
                                levelCondition: tempObj.levelCondition,
                                vipCostAmount : tempObj.vipCostAmount,
                                pushEnable : tempObj.pushEnable == 0 ? false : true,
                                privilegeNewteaEnable : tempObj.privilegeNewteaEnable == 0 ? false : true,
                                privilegeCouponEnable : tempObj.privilegeCouponEnable == 0 ? false : true,
                                privilegeCouponId : tempObj.privilegeCouponId,
                                upgradeEnable : tempObj.upgradeEnable == 0 ? false : true,
                                upgradeCouponId : tempObj.upgradeCouponId,
                                upgradeSetmealId : tempObj.upgradeSetmealId,
                                discountDayEnable : tempObj.discountDayEnable == 0 ? false : true,
                                discountProportion : tempObj.discountProportion,
                                birthdayBenefitsEnable : tempObj.birthdayBenefitsEnable == 0 ? false : true,
                                birthdayBenefitsCouponId : tempObj.birthdayBenefitsCouponId,
                                birthdayBenefitsSetmealId : tempObj.birthdayBenefitsSetmealId,
                                birthdayBenefitsIntegral : tempObj.birthdayBenefitsIntegral,
                                integralDeductedEnable : tempObj.integralDeductedEnable == 0 ? false : true,
                                integralDeductedProportion : tempObj.integralDeductedProportion,
                                integralDeductedMax : tempObj.integralDeductedMax,
                                consumptionEnable : tempObj.consumptionEnable == 0 ? false : true,
                                consumptionAmount : tempObj.consumptionAmount,
                                consumptionGiveIntegral : tempObj.consumptionGiveIntegral,
                                integralExchangeEnable : tempObj.integralExchangeEnable == 0 ? false : true,
                                // createTime : tempObj.createTime
                            }
                            this.privilegeCouponIdList = tempObj.privilegeCouponIdList//每月优惠
                            this.upgradeCouponIdList = tempObj.upgradeCouponIdList//升级赠礼 优惠券
                            this.upgradeSetmealIdList = tempObj.upgradeSetmealIdList//升级赠礼 礼品
                            this.birthdayBenefitsCouponIdList = tempObj.birthdayBenefitsCouponIdList//生日福利 优惠券
                            this.birthdayBenefitsSetmealIdList = tempObj.birthdayBenefitsSetmealIdList//生日福利 礼品
                        }
                })
            },
            // 每月优惠券
            handleMonthCoupon(e){
                  console.log(e);  
            },
            handleEdit(){
                
                this.$confirm('此操作将修改原有的权益设置，请谨慎操作!!!', '提示', {
                    confirmButtonText: '确定修改',
                    cancelButtonText: '取消修改',
                    type: 'warning'
                }).then(() => {
                    this._updateMemberSetupById()
                })
                
            },
            arrExchangeString(list){
                let str = ''
                list.forEach(v=>{
                    str += v.id + ','
                })
                str = str.substring(0,str.length-1)
                return str
            },
            _updateMemberSetupById(){
                // let formdata = {
                //     "id":"5",
                //     "type":2,
                //     "discountDayEnable":"0"
                // }
                console.log(this.memberInfo);
                let obj = Object.assign({},this.memberInfo)//对象深拷贝
                for(let k in this.memberInfo){
                    if(this.memberInfo[k]==false){
                        obj[k] = 0
                    }else if(this.memberInfo[k]==true){
                        obj[k] = 1
                    }
                }
                obj.privilegeCouponId = this.arrExchangeString(this.privilegeCouponIdList)
                obj.upgradeCouponId = this.arrExchangeString(this.upgradeCouponIdList)
                obj.upgradeSetmealId = this.arrExchangeString(this.upgradeSetmealIdList)
                obj.birthdayBenefitsCouponId = this.arrExchangeString(this.birthdayBenefitsCouponIdList)
                obj.birthdayBenefitsSetmealId = this.arrExchangeString(this.birthdayBenefitsSetmealIdList)
                obj.integralDeductedProportion = +obj.integralDeductedProportion
                obj.discountProportion = +obj.discountProportion
                console.log(obj);
                const loading = this.$loading({
                    lock: true,
                    text: '努力加载中...',
                    spinner: 'el-icon-loading',
                    background: 'rgba(0, 0, 0, 0.7)'
                });
                timer = setTimeout(() => {
                    clearTimeout(timer)
                    loading.close();
                    instance.post(`updateMemberSetupById`, obj).then(res=>{
                    console.log(res);
                    this.$message({
                        type: 'success',
                        message: res.data.msg
                    });
                    if(res.data.rtnCode==200){
                        timer = setTimeout(()=>{
                            clearTimeout(timer)
                            pageBack()
                        },800)
                    }
                })
                }, 1500);
                
            },
            delList(val,list,listName){
                console.log(val);
                console.log(this[listName]);
                let index = list.findIndex(v=>v.id==val.id)
                this[listName].splice(index,1)
                console.log(this[listName]);
            },
            addList(val,list,listName){
                console.log(this[listName]);
                this[listName].push(val)
                console.log(this[listName]);
            },
            // 赠品选择
            // 获取赠品列表
            getGoodList() {
                let data = {
                    pageNo: this.pageNum,
                    pageSize: this.pageSize
                }
                instance.get('queryMemberGiveawayList', {
                    params: data
                })
                    .then(res => {
                        console.log(res);
                        if (res.data.rtnCode == 200) {
                            this.tableGoodsData = res.data.data.list
                            this.talLength = res.data.data.total
                            console.log(this.talLength);
                        }
                    })
            },
            // 点击选择礼品
            handleChooseGoods(listName) {
                this.currentGiftListName = listName
                this.innerVisible = true
                this.getGoodList()
            },
            getTemplateRow(index, row) {
                console.log(index, row);
                this.templateRadio = index
                this.chooseGood = row
            },
            handleSizeChange(val) {
                console.log(val);
                this.pageSize = val
                this.getGoodList()
            },
            handleCurrentChange(val) {
                console.log(val);
                this.pageNum = val
                this.getGoodList()
            },
            // 点击确认选中赠品
            confirmChooseGoods(){
                this.innerVisible = false
                this.couponTable = false
                this[this.currentGiftListName].push(this.chooseGood)
                this.chooseGood = {}
                this.templateRadio = ''
            },

            // 优惠券选择
            // 获取优惠券列表
            getCouponList() {
                let data = {
                    page: this.pageNum2,
                    pagesize: this.pageSize2,
                    typeid:this.typeid||0
                }
                instance.get('FindCouponListPc', {
                    params: data
                })
                    .then(res => {
                        console.log(res);
                        if (res.data.rtnCode == 200) {
                            this.tableCouponData = res.data.data.list
                            this.talCouponLength = res.data.data.total
                            console.log(this.talCouponLength);
                        }
                    })
            },
            handleChooseCoupon(listName){
                this.currentGiftListName = listName
                this.couponTable = true
                this.getCouponList()
            },
            handleSizeChange2(val) {
                console.log(val);
                this.pageSize2 = val
                this.getCouponList()
            },
            handleCurrentChange2(val) {
                console.log(val);
                this.pageNum2 = val
                this.getCouponList()
            },
            delupgradeCouponIdList(){

            }
        },
    });
</script>

</html>